<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Heat Map widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
p.whs1 { margin-left:0px; }
ul.whs2 { list-style:disc; }
img_whs3 { border:none; width:666px; height:679px; float:none; }
ol.whs4 { list-style:decimal; }
p.whs5 { margin-left:0px; font-weight:normal; }
ol.whs6 { list-style:lower-alpha; }
p.whs7 { margin-left:40px; }
p.whs8 { margin-left:80px; }
ul.whs9 { list-style:decimal; }
p.whs10 { margin-left:0px; font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs1 {margin-left:1pt; }";
  strNSS += "p.whs5 {margin-left:1pt; }";
  strNSS += "p.whs10 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Heat Map widget\nCreating a Heat Map widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Creating a Heat Map widget</h1>
<p class="whs1">A Heat Map widget is a combination of colored 
 rectangles. Each represents an attribute element. A Heat Map widget allows 
 you to quickly grasp the state and impact of a large number of variables 
 at one time. Heat Maps are often used in the financial services industry 
 to review the status of a portfolio. </p>
<p class="whs1">The rectangles contain a wide variety and 
 many shadings of colors, which emphasize the weight of the various components. 
 In a Heat Map widget:</p>
<ul type="disc" class="whs2">
	
<li class=p><p class="whs1">The size of each rectangle 
 represents its relative weight.</p></li>
	
<li class=p><p class="whs1">The color represents the relative 
 change in value of that rectangle. </p></li>
	
<li class=p><p class="whs1">The large areas, such as the 
 Large Blend area of rectangles in the image below, represent different 
 categories of mutual funds.</p></li>
	
<li class=p><p class="whs1">The small rectangles in the 
 image below represent different mutual funds.</p></li>
</ul>
<p><img src="widget_heatmap_small3.gif" x-maintain-ratio="TRUE" width="666px" height="679px" border="0" class="img_whs3"></p>
<p class="whs1"><span style="font-weight: bold;"><B>Note</B></span>: 
 Some of the rectangles in the Heat Map widget above are hidden from view.</p>
<ul type="disc" class="whs2">
	
<li class=p><p>The large areas (such as the Large Blend area in the 
 image above) represent different categories of mutual funds. These areas 
 are generated by the first attribute on the rows of the Grid/Graph that 
 contains the widget. In this case, the first attribute is Mutual Fund 
 Category. Notice that the name of each category is displayed in the headers 
 of each of these areas.</p></li>
	
<li class=p><p>The colored rectangles (colored shades of red and blue 
 in the image above) represent different mutual funds. These rectangles, 
 such as the Vanguard Small Cap Index and Legg Mason Value Prim rectangles 
 above, are generated by any additional attributes on the rows. In this 
 case, a second attribute, Mutual Fund, is on the rows of the Grid/Graph. 
 </p></li>
	
<li class=p><p>The size of each rectangle represents its relative weight. 
 This is determined by the first metric on the columns of the Grid/Graph. 
 This widget shows that Large Blend funds are weighted more heavily than 
 Mid-Cap Blend funds in regard to net assets. In this case, the first metric 
 on the columns of the Grid/Graph is Net Assets. </p></li>
	
<li class=p><p>The colors displayed in the widget represent different 
 ranges of return year-to-date percentages generated by the mutual funds. 
 (In the image above, blue denotes higher percentages, while red and purple 
 denote lower percentages.) The colors applied to each rectangle are generated 
 by the second metric on the Grid/Graph. (In the image above, the second 
 metric on the report is Return YTD %.) You can define the colors used 
 to denote these values. For steps, see 
<a HREF="Analyze_data_in_Heat_Map.htm">Analyzing 
 data in a Heat Map widget</a>.</p></li>
</ul>
<h2>Prerequisite</h2>
<p>To successfully analyze a Heat Map widget with large datasets, Flash 
 player version 9.0.124.0 or later must be installed on your computer. 
 </p>
<h2>To create a Heat Map widget</h2>
<ol type="1" class="whs4">
	
<li class=p><p class="whs1">Insert a Heat Map widget into 
 the document. For steps, see 
<a href="Insert_a_widget.htm">Inserting a 
 widget into a document</a>. </p></li>
	
<li style=" font-weight: normal; " class=p><p class="whs5">Add 
 objects to the Grid/Graph that contains the widget. To do this, from the 
 Dataset Objects panel on the left, select attributes and metrics and drag 
 them on top of the widget, using the <span>following requirements:</span></p></li>
</ol>
<ol type="a" class="whs6">
	
<li class=p><p class="whs7">Place at least one attribute 
 on the rows. If you add additional attributes to the Grid/Graph, all of 
 the attributes are displayed as separate rectangles in the Heat Map.</p></li>
</ol>
<p class="whs8">You can also create a dynamic Heat Map which 
 uses a selector. For specific requirements, see 
<a HREF="Dynamic_Heat_Map.htm">Creating 
 a dynamic Heat Map</a>. </p>
<ol start="3" type="1" class="whs4">
	<ol start="2" type="a" class="whs6">
		
<li class=p><p class="whs1">Place at least two metrics 
 on the columns. If more than two metrics are placed on the Grid/Graph, 
 the additional metrics are ignored. </p></li>
	</ol>
	<ul type="disc" class="whs2">
		<ul type="disc" class="whs2">
			
<li class=p><p class="whs1">The first metric on 
 the columns determines the size of each rectangle. </p></li>
			
<li class=p><p class="whs1"><span style="margin-left: 0px;">The 
 second metric at the bottom of the columns must include values in the 
 range of -1 to 1. This range is used to provide different shadings of 
 color in the Heat Map widget.</span></p></li>
		</ul>
	</ul>
	
<li class=p><p class="whs1">To enable a legend for the 
 widget, right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 On the <span style="font-weight: bold;"><B>Display</B></span> tab, select the 
 <span style="font-weight: bold;"><B>Show Legend</B></span> check box and click 
 <span style="font-weight: bold;"><B>OK</B></span>. A legend is displayed near 
 the widget.</p></li>
	
<li class=p><p class="whs1">View and test your results 
 in one of two ways: </p></li>
	<ul type="1" class="whs9">
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu.</p></li>
	</ul>
	<ul>
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>If Flash 
 Mode is not available in the <span style="font-weight: bold;"><B>Home</B></span> 
 menu, you must make Flash Mode available in the document. For steps, see 
 
<a href="Defining_available_display_modes.htm">Defining which display 
 modes are available to users</a>.</p></li>
	</ul>
	<ul type="1" class="whs9">
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Interactive Mode</B></span> from the <span 
 style="font-weight: bold;"><B>Home</B></span> menu.</p></li>
	</ul>
	<ul>
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>The 
 widget must be enabled to be displayed in non-Flash mode to be viewable 
 in Interactive Mode. For instructions to allow a widget to be displayed 
 in non-Flash mode, see 
<a href="Widget_non_Flash.htm">Determining how 
 a widget is rendered in non-Flash modes</a>.</p></li>
	</ul>
</ol>
<p class="whs10">Related topics</p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a href="Flash_Mode.htm">Working 
 with documents in Flash Mode</a> </p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a href="Format_Heat_Map.htm">Formatting 
 a Heat Map widget</a> </p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a href="Using_a_Heat_Map_widget_as_a_selector.htm">About 
 using a Heat Map widget as a selector</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
